<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" charset="UTF-8">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
		
		<link type="text/css" rel="stylesheet" href="../css/model/bootstrap.css" />
		<link type="text/css" rel="stylesheet" href="../css/top_main.css" />
		<link type="text/css" rel="stylesheet" href="../css/footer.css" />
		<link type="text/css" rel="stylesheet" href="../css/me.css" />
		
		<script type="text/javascript" src="../js/model/jquery-2.1.4.min.js"></script>
		<script type="text/javascript" src="../js/model/bootstrap.js"></script>
		<script type="text/javascript" src="../js/layer/layer.js"></script>
		<script type="text/javascript" src="../js/model/reset_font.js"  ></script>
		
		
		<title>优当借书</title>
		<style>
			.top{
				background: url(../images/me/me_bg.png) top no-repeat;
				background-size: 100% auto;
			}
		</style>
		<script>
			$(function(){
				$("body").css("opacity",1);
			})
			
		</script>
	</head>
	<body style="opacity: 0;">
		<div class="top">
			我的
		</div>
		
		<div class="main">
			
			<div class="me_bar">
				<a href="setter.html">
				<img src="../images/me/logo.png" class="avatar" />
				<div class="username username1" style="display: none;">未登录</div>
				<div class="username username2" >
					<div class="username_top">用户名</div>
					<div class="username_bot">一年级</div>
				</div>
				</a>
				<div class="arrow_w">
					<img src="../images/me/arrow_w.png"  />
				</div>
				<div class="huiyuan huiyuan1" style="display: none;">
					<a href="#">
						<img src="../images/me/crown1.png" class="crown crown1" />
					<span>开通会员</span>
					<img src="../images/me/arrow_y.png" class="arrow_y" />
					</a>
					
				</div>
				<div class="huiyuan huiyuan2">
					<a href="#">
						<img src="../images/me/crown2.png" class="crown crown2" />
					<span>VIP会员</span>
					<img src="../images/me/arrow_y.png" class="arrow_y" />
					</a>
				</div>
			</div>
			<!--借还情况-->
			<div class="nav1">
				<ul>
					<li class="yijie">
						<a href="#">
							<img src="../images/me/yijie.png" class="yijiePic"/>
							<span class="nav1_text">已借</span>
							<span class="nav1_num"><span class="yijieNum">0</span>本</span>
						</a>
					</li>
					<li class="yijie">
						<a href="#">
							<img src="../images/me/yinghuan.png" class="yinghuanPic"/>
							<span class="nav1_text">应还</span>
							<span class="nav1_num"><span class="yijieNum">0</span>本</span>
						</a>
					</li>
					<li class="yijie">
						<a href="#">
							<img src="../images/me/jifen.png" class="jifenPic"/>
							<span class="nav1_text">积分</span>
							<span class="nav1_num"><span class="yijieNum">0</span></span>
						</a>
					</li>
					<li class="yijie">
						<a href="#">
							<img src="../images/me/yue.png" class="yuePic"/>
							<span class="nav1_text">余额</span>
							<span class="nav1_num">￥<span class="yijieNum">0</span></span>
						</a>
					</li>
				</ul>
			</div>
			
			<div class="nav2 fuli">
				<div class="">福利</div>
				<ul class="fuli_ul"> 
					<li>
						<a href="qiandao.html">
							<img src="../images/me/daka.png" class="daka">
							<span>打卡签到</span>
						</a>
					</li>
					<li>
						<a href="myshare.html">
							<img src="../images/me/yaoqing.png" class="yaoqing">
							<span>我的邀请</span>
						</a>
					</li>
					<li>
						<a href="zjf.html">
							<img src="../images/me/zhuanjifen.png" class="zhuanjifen">
							<span>赚积分</span>
						</a>
					</li>
					<li>
						<!--<a href="kthy.html">-->
						<a href="my_hy.html">
							<img src="../images/me/viphuiyuan.png" class="viphuiyuan">
							<span style="display: none;">开通会员</span>
							<span >我的会员</span>
						</a>
					</li>
					<div class="clear"></div>
				</ul>
			</div>
			<!--福利 结束-->
			<!--服务 开始-->
			<div class="nav2 fuwu">
				<div class="">服务</div>
				<ul class="fuwu_ul"> 
					<li>
						<a href="suggest.html">
							<img src="../images/me/fkjy.png" class="fkyj">
							<span>反馈意见</span>
						</a>
					</li>
					<li>
						<a href="pack.html">
							<img src="../images/me/qbcz.png" class="qbcz">
							<span>钱包充值</span>
						</a>
					</li>
					<li>
						<a href="question.html">
							<img src="../images/me/cjwt.png" class="cjwt">
							<span>常见问题</span>
						</a>
					</li>
					<li>
						<a href="tel:12345678910">
							<img src="../images/me/kfdh.png" class="kfdh">
							<span>客服电话</span>
						</a>
					</li>
					<div class="clear"></div>
				</ul>
			</div>
			<!--服务 结束-->
			<!--其他  开始-->
			<div class="nav2">
				<div class="fuli_title">其他</div>
				<ul class="fuli_ul"> 
					<li>
						<a href="joinment.html">
							<img src="../images/me/jmyd.png" class="jmyd">
							<span>加盟优当</span>
						</a>
					</li>
					<li>
						<a href="yaoqing.html">
							<img src="../images/me/yqhy.png" class="yqhy">
							<span>邀请好友</span>
						</a>
					</li>
					<li>
						<a href="about_index.html">
							<img src="../images/me/gyyd.png" class="gyyd">
							<span>关于优当</span>
						</a>
					</li>
					
					<div class="clear"></div>
				</ul>
			</div>
			<!--其他结束-->
		</div>
		<!--main the end-->
		<div class="footer">
			<ul>
				<li>
					<a href="../index.html" class="home ">
						<div class="img"></div>
						<span>首页</span>
					</a>
				</li>
				<li>
					<a href="#" class="news">
						<div class="img"></div>
						<span>动态</span>
					</a>
				</li>
				<li>
					<a href="#"  class="buycars ">
						<div class="img"></div>
						<span>借购车</span>
					</a>
				</li>
				<li>
					<a href="#" class="myorders">
						<div class="img"></div>
						<span>订单</span>
					</a>
				</li>
				<li>
					<a href="#" class="me active">
						<div class="img"></div>
						<span>我</span>
					</a>
				</li>
			</ul>
		</div>
	</body>
</html>
